<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web工具集</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
    <!-- 顶部区域 -->
    {% include 'header.html' %}
    
    <!-- 主内容区域 -->
    <div class="main-container">
        <!-- 左侧菜单 -->
        {% include 'sidebar.html' %}
        
        <!-- 右侧内容区域 -->
        <div class="content">
            <!-- 欢迎页面 -->
            <div id="welcome" class="content-section welcome-section">
                <h2>欢迎使用Web工具集</h2>
                <p>这是一个基于Python 2.7的Web工具集合，提供了多种实用功能。请从左侧菜单选择您需要的工具开始使用。</p>
            </div>
            
            <!-- 各个工具页面 -->
            {% include 'json_tool.html' %}
            {% include 'about.html' %}
        </div>
    </div>
    
    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
</body>
</html>